@charset "utf-8";
/* CSS Document */

.header{ background:#fff;}
/*
.header{ background:rgba(0,0,0,0.1);}
.header span.tel{ background-color:#fff;}
.header span.lang{ background-image:url({STYLE_PATH}images/head_lang1.png);}
ul.nav li a{ color:#fff;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ background:rgba(255,255,255,0.15);}
*/

.ibanner{ width:100vw; min-width:1220px; height:900px; height:44.4vw; overflow:hidden; position:relative; z-index:1; margin:70px 0 0;}
.ibanner .info{ width:1200px; color:#fff; text-align:center; position:absolute; left:50%; top:49.33%; transform:translate(-50%,-50%); z-index:9;}
.ibanner .info span{ display:block; line-height:1; font-size:12px; font-family:Arial; letter-spacing:30px; padding:0 0 1em;}
.ibanner .info em{ display:block; line-height:1; font-size:68px;}
.ibanner .info b{ display:block; line-height:1; font-size:18px; font-weight:normal; padding:2em 0 0;}
.nivoSlider{ height:900px; height:44.4vw; background:#FFF; overflow:hidden; position:relative;}
.nivoSlider a.nivo-imageLink{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:6;}
.nivoSlider a.nivo-imageLink img{ display:none; width:100%; height:100%; position:absolute; top:0; left:0;}
.nivoSlider .nivo-slice{ display:block; position:absolute; z-index:5; height:100%;}
.nivoSlider .nivo-box{ display:block; position:absolute; z-index:5;}
.nivoSlider .nivo-caption{ display:none;}/*标题*/
.nivoSlider .nivo-controlNav{ display:none; z-index:1; position:absolute; left:50%; bottom:26px; z-index:9; transform:translateX(-50%);}/*分页按钮*/
.nivoSlider .nivo-controlNav a{ display:block; width:12px; height:12px; line-height:99; background:#fff; border:2px solid #7ebf40; border-radius:50%; overflow:hidden; opacity:0.4; margin:0 8px; cursor:pointer; float:left;}
.nivoSlider .nivo-controlNav a.active{ background:#7ebf40; opacity:1;}
/*切换按钮*/
.nivoSlider .nivo-directionNav{ display:block !important;}
.nivoSlider .nivo-directionNav a.nivo-prevNav,
.nivoSlider .nivo-directionNav a.nivo-nextNav{ display:block; width:60px; height:60px; line-height:999; overflow:hidden; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%); z-index:99; cursor:pointer;}
.nivoSlider .nivo-directionNav a.nivo-prevNav{ background:url(../images/icons/prev.png) center no-repeat; left:25px;}
.nivoSlider .nivo-directionNav a.nivo-nextNav{ background:url(../images/icons/next.png) center no-repeat; right:25px;}

.main{ width:auto;}

.ibox{ position:relative; z-index:2;}
.ibox .con{ width:1200px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; font-weight:normal;}
.ibox h2.title em{ display:block; line-height:1; color:#333; font-size:24px;}
.ibox h2.title span{ display:block; line-height:34px; color:#999; font-size:14px;}
.ibox h2.title a{ display:block; line-height:34px; color:#999; font-size:14px; float:right; margin:24px 0 0;}
.ibox h2.title a:hover{ color:#333;}

.box1{ padding:110px 0; background:url(../images/icons/bg1.jpg) left top no-repeat;}
.box1 p.tab{ display:block; width:162px; float:left; margin:24px 40px 0 0;}
.box1 p.tab a{ display:block; line-height:48px; color:#5a5a5a; font-size:14px; position:relative;}
.box1 p.tab a:hover{ color:#7ebf40;}
.box1 p.tab a.cur::after{ content:''; display:block; width:34px; height:1px; background:#333; position:absolute; left:0; bottom:0;}
.box1 ul.tbox{ display:block; overflow:hidden; margin:-58px 0 0;}
.box1 ul.tbox li{ display:none;}
.box1 ul.tbox li::before,
.box1 ul.tbox li::after{ content:''; display:block; overflow:hidden; clear:both;}
.box1 ul.tbox li img.pic{ display:block; width:504px; height:414px; float:left; margin-right:-194px;}
.box1 ul.tbox li em{ display:block; width:200px; width:140px; position:relative; float:right; margin:42px 0 152px; position:relative; z-index:3;}
.box1 ul.tbox li em b{ display:block; line-height:82px; color:#e6e6e6; font-size:58px; font-family:"arial black"; text-align:right;}
.box1 ul.tbox li em font{ display:block; line-height:22px; color:#999; font-size:14px; white-space:nowrap; transform:rotate(90deg) translate(0,-76px); transform-origin:left top; position:absolute; right:0; top:100%;}
.box1 ul.tbox li .box{ background:#fff; padding:56px 52px; overflow:hidden; position:relative; z-index:1; margin:72px 0 0; margin:32px 0 0 6px; box-shadow:0 0 6px rgba(0,0,0,0.1);}
.box1 ul.tbox li h5{ display:block; line-height:1; color:#222; font-size:18px; font-weight:normal;}
.box1 ul.tbox li h5 span{ display:block; color:#999; font-size:12px; padding:0 0 10px;}
.box1 ul.tbox li .txt{ display:block; height:66px; height:88px; line-height:22px; color:#888; font-size:12px; padding:28px 0 0; margin-right:20px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	-webkit-line-clamp:4;
}
.box1 ul.tbox li a.more{ display:block; width:160px; line-height:38px; color:#fff; font-size:14px; text-align:right; background:#7ebf40; padding:86px 20px 12px; float:right; margin:-40px 0 0; margin:-60px 0 0 -20px; position:relative; z-index:3;}
.box1 ul.tbox li a.more img{ display:block; float:right; margin:-22px 2px 22px -15px;}

.box2/{ background:url(../images/icons/bg2.png) center top repeat-x; padding:100px 0 0;}
.box2{ background:url(../images/bg2.jpg) center bottom no-repeat; background-size:cover; padding:60px 0 0; position:relative;}
.box2::before{ content:''; display:block; width:100%; height:20px; background:url(../images/icons/bg2.png) center top repeat-x; position:absolute; left:0; top:0;}
/*
.box2 h2.title{ float:left;}
.box2 p.tab{ display:block; line-height:80px; text-align:right; border-bottom:1px solid #ededed;}
.box2 p.tab a{ display:inline-block; vertical-align:top; color:#888; font-size:14px; padding:0 12px; position:relative;}
.box2 p.tab a:hover,
.box2 p.tab a.cur{ color:#333;}
.box2 ul{ display:none; overflow:hidden; margin:0 -13px; padding:60px 0 70px;}
.box2 ul li{ display:block; width:33.33%; padding:0 0 28px; float:left;}
.box2 ul li a{ display:block; margin:0 13px;}
.box2 ul li a.pic{ overflow:hidden; position:relative;}
.box2 ul li a.pic img{ display:block; width:100%; height:250px;}
.box2 ul li .shade{ width:100%; height:100%; box-sizing:border-box; color:#fff; padding:0 48px; background:rgba(2,198,20,0.9); position:absolute; left:0; top:0; opacity:0; transition:all ease 0.4s;}
.box2 ul li a.pic:hover .shade{ opacity:1;}
.box2 ul li .shade span{ display:block; line-height:1; font-size:18px; padding:50px 0 0;}
.box2 ul li .shade p{ display:block; height:104px; line-height:26px; font-size:12px; padding:20px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
}
.box2 ul li a.title{ line-height:52px; color:#5a5a5a; font-size:14px; padding:0 6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box2 ul li a.title:hover{ color:#7ebf40;}
*/

.box3{ background:url(../images/icons/bg3.jpg) center no-repeat; background-attachment:fixed; padding:116px 0;}
.box3 h2.title{ text-align:center;}
.box3 h2.title em{ color:#fff; font-size:18px;}
.box3 h2.title span{ line-height:56px; color:rgba(255,255,255,0.42); font-size:12px; letter-spacing:20px;}
.box3 a.btn{ display:block; width:156px; line-height:48px; color:#fff; font-size:14px; text-align:center; background:#7ebf40; border-radius:24px; margin:20px auto 0; transition:all ease 0.4s;}
.box3 a.btn:hover{ background:#00ac33;}

.box4{ background:#f6f6f6; overflow:hidden; padding:100px 0;}
.box4 dl{ display:block; overflow:hidden; padding:40px 0 0;}
.box4 dl dt{ display:block; width:50%; float:left; margin:0 24px 0 0;}
.box4 dl dt a.pic{ display:block; overflow:hidden;}
.box4 dl dt a.pic img{ display:block; width:100%; height:210px; object-fit:cover;}
.box4 dl dt a.title{ display:block; line-height:22px; color:#5a5a5a; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:20px 0 0;}
.box4 dl dt a.title:hover{ color:#7ebf40;}
.box4 dl dt span{ display:block; line-height:16px; color:#999; font-size:12px; padding:6px 0 0;}
.box4 dl dt p{ display:block; height:40px; line-height:20px; color:#999; font-size:12px; padding:18px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box4 dl dd{ display:block; padding:20px 30px 20px; border-bottom:1px dotted #dbdbdb; overflow:hidden;}
.box4 dl dd span{ display:block; width:60px; height:60px; line-height:18px; color:#999; font-size:14px; text-align:center; float:left; margin-right:36px;}
.box4 dl dd span em{ display:block; line-height:40px; font-size:40px; font-family:'courier new'; padding:8px 0 0;}
.box4 dl dd a{ display:block; line-height:22px; color:#5a5a5a; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box4 dl dd a:hover{ color:#7ebf40;}
.box4 dl dd p{ display:block; height:40px; line-height:20px; color:#999; font-size:12px; padding:12px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}








/**/